<%--
  Created by IntelliJ IDEA.
  User: 19654
  Date: 2019/10/17
  Time: 19:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <title>Title</title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/head.css">
    <style>
        .tit {
            position: absolute;
            width: 90%;
            left: 5%;
            text-align: center;
            top: 40%;
            height: 120px;
            margin-top: -60px;
            color: #fff;
            z-index: 20;
        }

        .titl {
            position: absolute;
            width: 90%;
            left: 5%;
            text-align: center;
            top: 40%;
            height: 120px;
            margin-top: -60px;
            color: #696969;
            z-index: 20;
        }

        h3 {
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-weight: bold;
        }

        .alertWindowContent h1,
        p {
            text-align: center;
            font-size: 18px;
            font-weight: bolder;
        }

        .alertWindowContent input {
            width: 100px;
            height: 50px;
            cursor: pointer;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
    </style>
</head>
<body>
<div>

    <div class="container-fluid">
        <div class="row" style="background-color:rgb(1,81,40)" >
            <ul class="nav navbar-nav navbar-right" style="padding-right: 20px;font-size: 10px;" id="head">
                <c:if test="${!empty user}">
                    <li><a href="#">欢迎&nbsp${user.username}!</a></li>
                    <li><a href="<%=request.getContextPath()%>/slogin/exit">安全退出</a></li>
                    <li><a href="<%=request.getContextPath()%>/personal/user">个人中心</a></li>
                </c:if>
                <c:if test="${empty user}">
                    <li><a href="<%=request.getContextPath()%>/cloginview">请登录!</a></li>
                </c:if>
                <li><a href="<%=request.getContextPath()%>/reg/in">回到挂号界面</a></li>
            </ul>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <ul class="nav navbar-nav" id="daohang"
                style="width: 100%">
                <li style="padding-top: 0px;">
                    <img src="<%=request.getContextPath()%>/imgs/logo1 .png" alt="" style="width: 60px; height:60px;">
                </li>
                <li><a href="<%=request.getContextPath()%>/index/into">
                    首页
                </a></li>
                <li><a href="<%=request.getContextPath()%>/reg/in">
                    预约挂号
                </a></li>
                <li><a href="<%=request.getContextPath()%>/firstdep/dep">
                    科室导航
                </a></li>
                <li><a href="<%=request.getContextPath()%>/science/science">
                    健康科普
                </a></li>
                <li><a href="<%=request.getContextPath()%>/index/medicine">
                    药品物价查询
                </a></li>
                <ul class="nav navbar-nav navbar-right">
                    <li style="padding-top: 10px;"><a href="<%=request.getContextPath()%>/index/mapTurn">医院位置导航<img src="<%=request.getContextPath()%>/imgs/地图.png"  style="width: 15px; margin-left:5px "></a></li>
                </ul>
            </ul>
        </div>
    </div>
</div>


    <div class="container" style="margin-top:50px ">

        <div class="row">

            <div class="col-xs-4" style="height:300px ; background-color:rgb(21,145,209)">

                <div class="tit" id="click">

                    <h3>神经内科诊疗</h3>


                </div>

            </div>

            <div class="col-xs-4" style="height:300px ;background-color:rgb(237,237,237) " id="click1">

                <div class="titl">

                    <h3>骨科诊疗</h3>

                </div>

            </div>

            <div class="col-xs-4" style="height:300px ;background-color:rgb(87,176,86) " id="click2">

                <div class="tit">

                    <h3>胸腔内科诊疗</h3>

                </div>

            </div>

        </div>


        <div class="row">

            <div class="col-xs-4" style="height:300px ; background-color:rgb(237,237,237)" id="click3">

                <div class="titl">

                    <h3>腹腔内科诊疗</h3>

                </div>

            </div>

            <div class="col-xs-4" style="height:300px ;background-color:rgb(236,154,8)" id="click4">

                <div class="tit">

                    <h3>五官科诊疗</h3>

                </div>

            </div>

            <div class="col-xs-4" style="height:300px ;background-color:rgb(237,237,237) " id="click5">

                <div class="titl">

                    <h3>泌尿科诊疗</h3>

                </div>

            </div>

        </div>


        <!--介绍窗口-->

        <div style="display: none;" id="div"></div>

    </div>

</div>
    <script src="<%=request.getContextPath()%>/plugins/jquery/jquery.min.js"></script>
    <script src="<%=request.getContextPath()%>/plugins/bootstrap/js/bootstrap.js"></script>
    <script src="<%=request.getContextPath()%>/plugins/layui/layui.all.js"></script>
    <script>

        var url = location.search;

        var obj = {};
        var reg = /\?/;
        if (url.match(reg)) {
            //判断传入参数，以问号截取，问号后是参数
            var chars = url.split('?')[1];

            //再截&号
            var arr = chars.split('&');

            //获得截取后的数组为键值对字符串
            for (var i = 0; i < arr.length; i++) {

                //保守一点确定看是否为 name=value形式
                var num = arr[i].indexOf("=");

                if (num > 0) {
                    //拼接字符串
                    var name = arr[i].substring(0, num);
                    var value = arr[i].substr(num + 1);

                    //拼接对象，并转码
                    obj[decodeURIComponent(name)] = decodeURIComponent(value);
                }
            }
        }

        var num = parseInt(obj.uri);
        switch (num) {

            case 1:
                layer.confirm("1、鼻科疾病：过敏性鼻炎、小儿鼻炎、萎缩性鼻炎.2、耳科疾病：耳炎、耳鸣、耳聋.3、喉科疾病：咽喉炎、喉乳头状瘤、喉阻塞、咽白喉.4、眼科疾病：青光眼、玻璃体病、视网膜病、视神经与视路疾病")
                break;
            case 2:
                layer.confirm("神经内科：眩晕、脑梗塞、三叉神经痛、·神经衰弱、神经症、面神经炎、晕厥、桡神经麻痹、痴呆综合征、癫痫");
                break;
            case 3:
                layer.confirm("1、胸廓：有无异常胸廓，多见于慢性消耗性疾病及维生素D缺乏的人群等。2、肺与胸膜：了解呼吸音、有无罗音与炎症等。3、脉搏：次数是否正常，搏动是否规律。4、血压：测定血液在血管内流动对血管壁产生的侧压力。")
                break;
            case 4:
                layer.confirm("1.消化道器官病变（包括胃肠、肝胆胰等）引起的胃肠道胀气。2.腹腔内液体积聚过多。3.腹腔内肿块或脏器包膜迁张。4.食物或药物代谢过程中产生过多气体。5.应激（包括心理、感染等）。6.其他系统疾病（心、肾、内分泌、神经、血液等）引致的胸腹腔积液等。");
                break;
            case 5:
                layer.confirm("1.男性泌尿系炎症，如附睾炎、尿道炎、急慢性前列腺炎、前列腺增生(肥大)2.男性性功能障碍及前列腺疾病，如阳萎、早泄、遗精及肾虚精亏不育、青少年过度手淫后遗症、不射精、逆行射精、男性性欲异常等;3.男性性传播疾病，如淋病、梅毒、软下疳、性病性淋巴肉芽肿、非淋菌性尿道炎、尖锐湿疣、生殖器疱疹;")
                break;
            case 7:
                layer.confirm("1、骨和关节化脓性感染：化脓性骨髓炎（急性，慢性，局限性，硬化性，创伤后），化脓性关节炎。2、骨和关节结核：脊柱结核，髋关节结核，膝关节结核。3、非化脓性关节炎：骨关节炎，强直性脊柱炎，大骨节病，松毛虫性关节炎。")
                break;
        }

        console.log(num)


        $("#click").click(function () {
            layer.confirm("神经内科：眩晕、脑梗塞、三叉神经痛、·神经衰弱、神经症、面神经炎、晕厥、桡神经麻痹、痴呆综合征、癫痫");
        })
        $("#click1").click(function () {
            layer.confirm("1、骨和关节化脓性感染：化脓性骨髓炎（急性，慢性，局限性，硬化性，创伤后），化脓性关节炎。2、骨和关节结核：脊柱结核，髋关节结核，膝关节结核。3、非化脓性关节炎：骨关节炎，强直性脊柱炎，大骨节病，松毛虫性关节炎。")
        })
        $("#click2").click(function () {
            layer.confirm("1、胸廓：有无异常胸廓，多见于慢性消耗性疾病及维生素D缺乏的人群等。2、肺与胸膜：了解呼吸音、有无罗音与炎症等。3、脉搏：次数是否正常，搏动是否规律。4、血压：测定血液在血管内流动对血管壁产生的侧压力。")
        })
        $("#click3").click(function () {
            layer.confirm("1.消化道器官病变（包括胃肠、肝胆胰等）引起的胃肠道胀气。2.腹腔内液体积聚过多。3.腹腔内肿块或脏器包膜迁张。4.食物或药物代谢过程中产生过多气体。5.应激（包括心理、感染等）。6.其他系统疾病（心、肾、内分泌、神经、血液等）引致的胸腹腔积液等。");
        })
        $("#click4").click(function () {
            layer.confirm("1、鼻科疾病：过敏性鼻炎、小儿鼻炎、萎缩性鼻炎.2、耳科疾病：耳炎、耳鸣、耳聋.3、喉科疾病：咽喉炎、喉乳头状瘤、喉阻塞、咽白喉.4、眼科疾病：青光眼、玻璃体病、视网膜病、视神经与视路疾病")
        })
        $("#click5").click(function () {
            layer.confirm("1.男性泌尿系炎症，如附睾炎、尿道炎、急慢性前列腺炎、前列腺增生(肥大)2.男性性功能障碍及前列腺疾病，如阳萎、早泄、遗精及肾虚精亏不育、青少年过度手淫后遗症、不射精、逆行射精、男性性欲异常等;3.男性性传播疾病，如淋病、梅毒、软下疳、性病性淋巴肉芽肿、非淋菌性尿道炎、尖锐湿疣、生殖器疱疹;")
        })

    </script>
</body>
</html>
